<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="all">
        <header>
            <div class="roof">
                <div class="fl">
                    <ul>
                        <li><span class="iconfont">&#xe8ff</span>&nbsp;<a href="#">京东首页</a></li>
                        <li><span class="iconfont">&#xe616</span>&nbsp;<a href="#">北京</a></li>
                    </ul>
                </div>
                <div class="fr">
                    <ul>
                        <li>
                            <a href="./login.html">你好,请登录</a>
                            <a href="./register.html">免费注册</a>
                        </li>
                        <li class="spacer"></li>
                        <li><a href="./cart.html">我的订单</a></li>
                        <li class="spacer"></li>
                        <li><a href="#">我的京东</a><span class="iconfont">&#xe60e</span></li>
                        <li class="spacer"></li>
                        <li><a href="#">京东会员</a></li>
                        <li class="spacer"></li>
                        <li><a href="#">企业采购</a><span class="iconfont">&#xe60e</span></li>
                        <li class="spacer"></li>
                        <li><a href="#">客户服务</a><span class="iconfont">&#xe60e</span></li>
                        <li class="spacer"></li>
                        <li><a href="#">网站导航</a><span class="iconfont">&#xe60e</span></li>
                        <li class="spacer"></li>
                        <li><a href="#">手机京东</a></li>
                    </ul>
                </div>
            </div>

            <div class="seek">
                <img src="./images/三只松鼠京东自营旗舰店_-_京东/logo-201305-c.png">
                <dl class="navmore">
                    <dt>&nbsp;&nbsp;更多导航 
                        <span class="iconfont">&#xe60e</span>
                        <span class="iconfont">&#xe60a</span>
                    </dt>
                    <dd><a href="./list.html">服装城</a></dd>
                    <dd><a href="./list.html">食品</a></dd>
                    <dd><a href="./list.html">团购</a></dd>
                    <dd><a href="./list.html">夺宝岛</a></dd>
                    <dd><a href="./list.html">闪购</a></dd>
                    <dd><a href="./list.html">金融</a></dd>
                </dl>

                <div class="searchB">
                    <div class="import">
                      <input type="text">
                      <button>搜全站</button>
                      <button>搜本店</button>
                      <ul>
                          <li></li>
                          <li></li>
                          <li></li>
                          <li></li>
                          <li></li>
                          <li></li>
                          <li></li>
                          <li></li>
                      </ul>
                    </div>
                    <div class="hotwords">
                        <a href="./list.html">牛奶</a>
                        <a href="./list.html">饮用水</a>
                        <a href="./list.html">饮料</a>
                        <a href="./list.html">咖啡</a>
                        <a href="./list.html">麦片</a>
                        <a href="./list.html">蜂蜜</a>
                        <a href="./list.html">茗茶</a>
                        <a href="./list.html">成人奶粉</a>
                    </div>
                </div>

                <div class="shopping">
                    <ul>
                        <li>
                            <span class="iconfont">&#xe686</span>
                            <a href="#">我的京东</a>
                            <span class="iconfont">&#xe60e</span>
                        </li>
                        <li>
                            <span class="iconfont">&#xf0179</span>
                            <a href="./cart.html">去购物车结算</a>
                            <span class="iconfont">&#xe6d3</span>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="next">
                <ul>
                    <li><a href="./index.html">三只松鼠京东自营旗舰店</a></li>
                    <li>京东自营</li>
                    <li><a href="#"><span class="iconfont">&#xe668</span>&nbsp;联系客服</a></li>
                    <li><a href="#"><span class="iconfont">&#xe6b0</span>&nbsp;关注店铺</a></li>
                    <li><a href="#"><span class="iconfont">&#xe603</span>&nbsp;签到</a></li>
                    <li>
                        <div>Hot</div>
                        <a href="#"><span class="iconfont">&#xe625</span>&nbsp;品牌会员</a>
                    </li>
                </ul>
            </div>
        </header>
        <main>
            <div class="panels place">
                <ul class="base">
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/4c39dc7762557784.jpg"></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/919be000943e2c9b.png"></li>
                    <li><input type="text" placeholder="  每日坚果" ></li>
                    <li><button class="searchBtn">&nbsp;</button></li>
                </ul>
                <ol>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/0-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/1-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/2-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/3-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/4-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/5-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/6-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/7-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/8-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/9-1.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/3728b716b5894d48.jpg" alt=""></li>
                </ol>
                <ul class="above">
                    <li class="pick"><a href="./list.html"><img src="./images/三只松鼠京东自营旗舰店_-_京东/1-2.jpg" alt=""></a></li>
                    <li class="pick"><a href="./index.html"><img src="./images/三只松鼠京东自营旗舰店_-_京东/2-1.jpg" alt=""></a></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/3-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/4-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/5-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/6-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/7-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/8-2.jpg" alt=""></li>
                    <li class="pick"><img src="./images/三只松鼠京东自营旗舰店_-_京东/9-2.jpg" alt=""></li>
                </ul>
            </div>
            <div class="discount">
                <img class="place" src="./images/三只松鼠京东自营旗舰店_-_京东/0-0-0.jpg" alt="">
                <div></div>
                <ul class="arch">
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/1-1-1.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/1-1-2.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/1-1-3.png" alt=""></li>
                </ul>
            </div>

            <div class="hot">
                <img class="place"  src="./images/三只松鼠京东自营旗舰店_-_京东/9f0564e547dbec45.jpg" alt="">
                <div class="banner">
                    <ul class="imgBox">
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/9ef035ec3104e239.jpg"></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/8cfc271d903082f5.jpg"></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/32d1468c26aac310.jpg"></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/252b89f391660dc2.jpg"></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/5ecbc56991716d0c.jpg"></li>
                    </ul>
                    <ol class="pointBox">
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/c0b484bec6652b0a.jpg" alt=""></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/d3a193294e9c0ff5.jpg" alt=""></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/c93e09eb852b5fd1.jpg" alt=""></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/035bc159b4b1f7b8.jpg" alt=""></li>
                      <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/6a2bf2591a3f2197.jpg" alt=""></li>
                    </ol>
                    <div class="prevBtn">&lt;</div>
                    <div class="nextBtn">&gt;</div>
                  </div>
                  
            </div>
            <div class="gachinco">
                <img class="place" src="./images/三只松鼠京东自营旗舰店_-_京东/2a193217aaeedfe5.jpg" alt="">
                <ol>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/530f388ab38d5d1b.jpg" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/1fa94a1c2c372144.jpg" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/dbdc5ca57dd917dd.jpg" alt=""></li>
                </ol>
            </div>
            <div class="fine">
                <img class="place" src="./images/三只松鼠京东自营旗舰店_-_京东/71415ad5375f29c0.jpg" alt="">
                <ul>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-1.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-2.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-3.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-4.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-5.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-6.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-3.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-1.png" alt=""></li>
                    <li><img src="./images/三只松鼠京东自营旗舰店_-_京东/2a-2.png" alt=""></li>
                </ul>
            </div>
        </main>
        <footer>
            <ol class="floor">
                <li class="active">收藏店铺</li>
                <li>超级满减</li>
                <li>TOP爆款</li>
                <li>当季新味</li>
                <li>严选精品</li>
                <li><button><span class="iconfont">&#xe6ee</span></br>回顶部</button></li>
              </ol>
        </footer>
    </div>
    
    <script src="./vendor/jquery/jquery.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/index.js"></script>
    
    
</body>
</html>